<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文本属性</title>
  <style>
    .s1 {
      text-decoration: line-through double red;
      text-transform: lowercase;
    }
    .s2 {
      text-decoration: underline;
      text-transform: uppercase;
    }
    .s3 {
      text-decoration: overline burlywood ;
      text-transform: capitalize;
    }
    .p1 {
      text-indent: 2em;
      font-weight: bold;
      font-size: 20px;
    }
    .d1 {
      background-color: #f00;
      text-align: right;
    }
    .d2 {
      background-color: #f00;
      text-align: left;
    }
    .d3 {
      background-color: #f00;
      text-align: center;
    }
    .d4{
        height: 400px;
        background-color: #900;
        text-align: center;
    }
    .d5 {
        height: 300px;
        width: 300px;
        background-color: blanchedalmond;
        /* display: inline-block; */
        margin: 0 auto;
        text-justify: auto
    }
    .d6 {
      width: 600px;
      background-color: #f00;
      color: wheat;
      text-align: justify;
      /* 最后一行生效 */
      text-align-last: justify;
      font-weight: 700;
      font-style: italic;
    }
    .d7 {
      letter-spacing: 0.1em;
      word-spacing: 2em;
    }
  </style>
</head>
<body>
  <span class="s1">12345 my name is haha</span>
  <span class="s2">12345 my name is haha</span>
  <span class="s3">12345 my name is haha</span>
  <p class="p1">
    测试缩进属性
  </p>
  <div class="d1">我是div元素</div>
  <div class="d2">我是div元素</div>
  <div class="d3">我是div元素</div>
  <div class="d4">
    <div class="d5"></div>
  </div>
  <div class="d6">This document describes how user agents determine the names and descriptions of accessible objects from web content languages. This information is in turn exposed through accessibility APIs so that assistive technologies can identify these objects and present their names or descriptions to users. Documenting the algorithm through which names and descriptions are to be determined promotes interoperable exposure of these properties among different accessibility APIs and helps to ensure that this information appears in a manner consistent with author intent.</div>
  <div class="d7">This document describes how user agents</div>
</body>
</html>